$(document).ready(function(){
	
	var width=window.screen.width;
    var height=width*0.31;
    
    $(".message").each(function(index, element) {
        var li=$(this).find(".content ul li");
        for (var i=0;i<li.length;i++) {
			$(li).eq(i).css("height",height);
		}
        var index=$(li).length;
        console.log(index);
		if(index<=3){
			$(this).find(".content ul").css("height",height);
			$(this).css("height",width*0.6);
			$(this).find(".head").css("height",width*0.12);
		}else if(index>3&&index<=6){
			$(this).find(".content ul").css("height",height*2);
			$(this).css("height",width*0.9);
			$(this).find(".head").css("height",width*0.12);
		}else{
			$(this).find(".content ul").css("height",height*3);
			$(this).css("height",width*1.2);
			$(this).find(".head").css("height",width*0.12);
		}
		
		var p=$(this).find(".content p");
		var h = parseInt($(this).height());
		h += p.height()-21;
		$(this).css("height",h);
    });
});